@import '../../styles/dialog';

.s-dialog {
  top: 45% !important;
  overflow: hidden;
  width: $dialog-width;
  font-size: $dialog-header-font-size;
  border-radius: $dialog-border-radius;
  background-color: $dialog-background-color;
  padding: 0 0 60rpx;
  &__header {
    line-height: 80rpx;
    text-align: center;
    color: $dialog-header-font-color;
    font-weight: $dialog-header-font-weight;
    background-color: $dialog-header-background-color;
  }
  &__message {
    overflow-y: auto;
    text-align: center;
    -webkit-overflow-scrolling: touch;
    font-size: $dialog-message-font-size;
    line-height: $dialog-message-line-height;
    max-height: $dialog-message-max-height;
    padding: $dialog-message-padding;
    color: $dialog-message-font-color;
    &-text {
      word-wrap: break-word;
    }

    &--hasTitle {
      padding-top: $dialog-has-title-message-padding-top;
    }

    &--left {
      text-align: left;
    }

    &--right {
      text-align: right;
    }
  }
  &__footer {
    display: flex;
    margin-top: 36rpx;
    padding: 0 50rpx;
    &-stand {
      width: $padding-base;
      height: 100%;
    }
    &-button {
      flex: 1;
    }
  }
}
